<div class="mainPage">

        <div style="margin:0 1%">
                <div class="gutter-example">
                    <div nz-row [nzGutter]="8">

                        <div nz-col class="gutter-row" [nzSpan]="12">
                            <nz-card style="width:100%;max-height: 380px;">
                                <ng-template #title>
                                    本辖区电梯数量及分布情况
                                </ng-template>
                                <ng-template #body>
                                        <h3>辖区电梯总数：{{elevatorTotal}}</h3>
                                        <div echarts *ngIf="option4.title" [options]="option4"></div>
                                    
                                </ng-template>
                            </nz-card>
                        </div>
                        
                        <div nz-col class="gutter-row" [nzSpan]="12">
                            <nz-card style="width:100%;max-height: 380px;">
                                <ng-template #title>
                                    老旧电梯状况
                                </ng-template>
                                
                                <ng-template #body>
                                    <div echarts [options]="option2"></div>
                                    
                                </ng-template>
                            </nz-card>
                        </div>
                        
                    </div>
                </div>
            </div>

 

    <div style="margin:1%">
            <div class="gutter-example">
                <div nz-row [nzGutter]="8">
                    <div nz-col class="gutter-row" [nzSpan]="12">
                        <nz-card style="width:100%;max-height: 380px;">
                            <ng-template #title>
                                电梯类型占比
                            </ng-template>
                            <ng-template #body>
                                    <div echarts [options]="option1"></div>
                                
                            </ng-template>
                        </nz-card>
                    </div>
                    <!-- <div nz-col class="gutter-row" [nzSpan]="12">
                        <nz-card style="width:100%;max-height: 380px;">
                            <ng-template #title>
                                本辖区使用单位资质人员数量
                            </ng-template>
                            
                            <ng-template #body>
                                <h3>辖区使用单位资质人员总数：{{usedCzryTotal}}</h3>
                                <div echarts *ngIf="option5.title" [options]="option5"></div>
                                
                            </ng-template>
                        </nz-card>
                    </div> -->
                </div>
            </div>
        </div>
    
</div>